<template>
  <div class="account">
    <ContentBox :fixed="true" @left="back" title="账户与安全">
      <template slot="oleft"><van-icon color="#000000" name="arrow-left"/></template>
    </ContentBox>
    <notice :top="$remToPx('0.88')" class="not"></notice>
    <van-cell title="手机号" :value="phone"/>
    <van-cell-group title="密码设置">
      <van-cell title="重置登陆密码" is-link to="/loginpwd"/>
      <van-cell title="重置支付密码" is-link to="/paypwd"/>
    </van-cell-group>
  </div>
</template>

<script>
export default {
  data () {
    return {
      phone: ''
    }
  },
  methods: {
    back () {
      if (this.$store.state.pl === 'H5') {
        this.$router.go(-1)
      } else if (this.$store.state.pl === 'ANDROID') {
        AndroidJsBridge.finish()
      } else if (this.$store.state.pl === 'IOS') {
        window.iosCallHandler('popVC')
      }
    }
  },
  created () {
    this.phone = this.$store.getters.uifo.phone
  }
}
</script>

<style lang="scss">
.account{
  height: 100%;
  padding-top: 1.36rem;
  background: #f0f0f0;
}
</style>
